<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import = "munyorderweb_DB.Change_Bean"%>
<%@ page import = "java.util.*"%>
<%
	ArrayList<Change_Bean> list = (ArrayList<Change_Bean>)request.getAttribute("list");
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>メニュー情報の編集</title>

		<STYLE type="text/css">			/* ここからの記述はCSS形式となる */
			input {
			font-size: 50%;					/* submitボタン内部のフォントサイズを指定 */
			}
		</STYLE>
		<!-- スタイルシートの適用 -->
		<LINK REL="stylesheet" TYPE="text/css" HREF="CSS/style.css">

		<!-- 	使い方がイマイチ分からないラジオボタン未入力判定のコードを採用 -->
		<script type="text/javascript">
			var flag = 0;
			function checkForm(){
			// 設定開始（チェックする項目を設定してください）
			if(document.form.category.length) { // 選択肢が複数ある場合
				flag = 1;
				var i;
				for(i = 0; i < document.category_list.category.length; i ++){
					if(document.category_list.category[i].checked){
						flag = 0; break;
					}
				}
			}
			else{ // 選択肢が1つだけの場合
				if(!document.category_list.category.checked){
					flag = 1;
				}
			}
			// 設定終了
			if(flag){
				window.alert('選択されていません'); // 選択されていない場合は警告ダイアログを表示
				return false; // 送信を中止
			}
			else{
				return true; // 送信を実行
			}
		}
		</script>
	</head>
	<body>
		<div>メニュー情報の編集</div>

		<!-- ボタンの列をテーブルで作成。外枠なし -->
		<table cellspacing="15" >
			<tr >
				<th id="button"> <a href="Top.jsp">TOP</a></th>
				<th id="button"> <a href="Category_choise">メニュー情報</a></th>
				<th id="button"> <a href="Table_ment">テーブル情報</a></th>
				<th id="button"> <a href="Order_list">注文</a></th>
				<th id="button"> <a href="Price_total">売上</a></th>
				<th id="button"> <a href="javascript:history.back();">戻る</a></th>
			</tr>
		</table>
		<br>

		<!-- formタグはテーブルの外に設置しないと受け付けてくれない模様 -->
		<!-- Servletファイルが表示できないので確認できず -->




		<table width='70%'  cellspacing="15"  cellpadding="5"  border="3" align="center">
			<tr>

			<!-- フォントサイズを指定。カテゴリ編集のボタンは大きく -->
				<th colspan="2" height="90">
					<a href="Category_ment">
						<font size="8">カテゴリの編集</font>
					</a>
				</th>
			</tr>

			<tr></tr>
			<tr></tr>


			<form action="Menu_ment" method="Post" onSubmit="return checkForm()" name="category_list">
				<!-- メニューのリストを説明する行と、編集ボタンの設定 -->
				<tr>
					<td bgcolor="#00e0e0" width="340">変更したいメニューのカテゴリを選び、<br>
					「メニュー情報の編集」ボタンをクリックしてください</td>
					<td rowspan="3" style="double" align="center" >

						<font size="10">
							<input type="submit" value="メニュー情報の編集"
								style="WIDTH: 240px; HEIGHT: 130px">
						</font>
					</td>
				</tr>

				<tr>
					<td>
						<!--  カテゴリの数だけラジオボタンとリストを表示 -->
						<% for (int i = 0; i < list.size(); i++) {
							Change_Bean change = list.get(i);%>
							<p>
								<input type="radio" name="category"
									value="<%=change.getCategory_no()%>">
									<%=change.getCategory_no()%>:<%=change.getCategory_name()%>
							</p>
						<% }%>
					</td>
				</tr>
			</form>
		</table>
	</body>
</html>